<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>预警处置</title>
    <link rel="stylesheet" href="../src/css/modal.css">
    <link rel="stylesheet" href="../src/css/index.css">
    <link rel="stylesheet" href="../src/css/pager.css">
    <link rel="stylesheet" href="../src/css/loading.css">

    <script>
        (function setPageScale(window, document) {
            function setBodyScale() {
                var zoom = (window.innerHeight / 1080).toFixed(3)
                if (document.body) {
                    document.body.style.transform = 'translate(-50%, -50%) scale(' + zoom + ')';
                } else {
                    document.addEventListener('DOMContentLoaded', setBodyScale)
                }
            }
            setBodyScale();
            // reset scale unit on page resize窗口改变时候重新设置缩放
            window.addEventListener('resize', setBodyScale)
            window.addEventListener('pageshow', function (e) {
                if (e.persisted) {
                    setBodyScale()
                }
            })
        }(window, document))
    </script>
    <!--[if lt IE 9]> 
         <script src="../src/js/html5shiv.min.js"></script>
    <![endif]-->
</head>

<body>
    <div class="wrapper">

        <div class="global-content">
            <header class="header"> </header>
            <section class="main clearfix">
                <nav class="navs">
                    <div class="nav-item">
                        <a href="./cyzl.html" class="cyzl">
                            <span class="badge">2</span>
                            产业总览
                        </a>
                    </div>
                    <div class="nav-item">
                        <a href="./tsgz.html" class="tsgz">
                            <span class="badge">2</span>
                            态势感知
                        </a>
                    </div>
                    <div class="nav-item">
                        <a href="./yjcz.html" class="yjcz on">
                            <span class="badge">2</span>
                            预警处置
                        </a>
                    </div>

                </nav>
                <div class="content-box">
                    <div class="yjcz-wrapper">
                        <div class="yjcz-left">
                            <div class="a-tit">提醒事项列表</div>
                            <div class="form-box">
                                <table>
                                    <tbody>
                                        <tr>


                                            <th>事项名称：</th>
                                            <td>
                                                <select class="form-control">
                                                    <option>1</option>
                                                    <option>2</option>
                                                    <option>3</option>
                                                    <option>4</option>
                                                    <option>5</option>
                                                </select>
                                            </td>
                                            <th>环节：</th>
                                            <td>
                                                <select class="form-control">
                                                    <option>1</option>
                                                    <option>2</option>
                                                    <option>3</option>
                                                    <option>4</option>
                                                    <option>5</option>
                                                </select>
                                            </td>
                                            <th>类型：</th>
                                            <td>
                                                <select class="form-control">
                                                    <option>1</option>
                                                    <option>2</option>
                                                    <option>3</option>
                                                    <option>4</option>
                                                    <option>5</option>
                                                </select>
                                            </td>
                                        </tr>
                                        <tr>


                                            <th>产生时间：</th>
                                            <td>
                                                <input class="form-control" type="text" />

                                            </td>
                                            <th>环节：</th>
                                            <td>
                                                <select class="form-control">
                                                    <option>1</option>
                                                    <option>2</option>
                                                    <option>3</option>
                                                    <option>4</option>
                                                    <option>5</option>
                                                </select>
                                            </td>
                                            <th colspan="2"> <button type="button" class="a-btn">
                                                    <span>查询</span>
                                                </button></th>
                                        </tr>

                                    </tbody>
                                </table>
                            </div>

                            <div class="a-table-list">
                                <table>
                                    <colgroup>
                                        <col style="width:100px">
                                        <col>
                                        <col style="width:120px">
                                        <col style="width:120px">
                                        <col style="width:120px">
                                        <col style="width:120px">


                                    </colgroup>
                                    <thead>
                                        <tr>
                                            <td>序号</td>
                                            <td>事项名称</td>
                                            <td>产生时间</td>
                                            <td>环节</td>
                                            <td>类型</td>
                                            <td>状态</td>
                                        </tr>

                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>1</td>
                                            <td class="eli" title="供应商名供应商名供应商名">
                                                供应商名供应商名供应商名

                                            </td>
                                            <td>0</td>
                                            <td>2019-03-25</td>
                                            <td>0</td>
                                            <td>0</td>
                                        </tr>
                                        <tr>
                                            <td>1</td>
                                            <td class="eli" title="供应商名供应商名供应商名">
                                                供应商名供应商名供应商名

                                            </td>
                                            <td>0</td>
                                            <td>2019-03-25</td>
                                            <td>0</td>
                                            <td>0</td>
                                        </tr>
                                        <tr>
                                            <td>1</td>
                                            <td class="eli" title="供应商名供应商名供应商名">
                                                供应商名供应商名供应商名

                                            </td>
                                            <td>0</td>
                                            <td>2019-03-25</td>
                                            <td>0</td>
                                            <td>0</td>
                                        </tr>
                                        <tr>
                                            <td>1</td>
                                            <td class="eli" title="供应商名供应商名供应商名">
                                                供应商名供应商名供应商名

                                            </td>
                                            <td>0</td>
                                            <td>2019-03-25</td>
                                            <td>0</td>
                                            <td>0</td>
                                        </tr>
                                        <tr>
                                            <td>1</td>
                                            <td class="eli" title="供应商名供应商名供应商名">
                                                供应商名供应商名供应商名

                                            </td>
                                            <td>0</td>
                                            <td>2019-03-25</td>
                                            <td>0</td>
                                            <td>0</td>
                                        </tr>
                                        <tr>
                                            <td>1</td>
                                            <td class="eli" title="供应商名供应商名供应商名">
                                                供应商名供应商名供应商名

                                            </td>
                                            <td>0</td>
                                            <td>2019-03-25</td>
                                            <td>0</td>
                                            <td>0</td>
                                        </tr>
                                        <tr>
                                            <td>1</td>
                                            <td class="eli" title="供应商名供应商名供应商名">
                                                供应商名供应商名供应商名

                                            </td>
                                            <td>0</td>
                                            <td>2019-03-25</td>
                                            <td>0</td>
                                            <td>0</td>
                                        </tr>
                                        <tr>
                                            <td>1</td>
                                            <td class="eli" title="供应商名供应商名供应商名">
                                                供应商名供应商名供应商名

                                            </td>
                                            <td>0</td>
                                            <td>2019-03-25</td>
                                            <td>0</td>
                                            <td>0</td>
                                        </tr>
                                        <tr>
                                            <td>1</td>
                                            <td class="eli" title="供应商名供应商名供应商名">
                                                供应商名供应商名供应商名

                                            </td>
                                            <td>0</td>
                                            <td>2019-03-25</td>
                                            <td>0</td>
                                            <td>0</td>
                                        </tr>
                                        <tr>
                                            <td>1</td>
                                            <td class="eli" title="供应商名供应商名供应商名">
                                                供应商名供应商名供应商名

                                            </td>
                                            <td>0</td>
                                            <td>2019-03-25</td>
                                            <td>0</td>
                                            <td>0</td>
                                        </tr>
                                        <tr>
                                            <td>1</td>
                                            <td class="eli" title="供应商名供应商名供应商名">
                                                供应商名供应商名供应商名

                                            </td>
                                            <td>0</td>
                                            <td>2019-03-25</td>
                                            <td>0</td>
                                            <td>0</td>
                                        </tr>
                                        <tr>
                                            <td>1</td>
                                            <td class="eli" title="供应商名供应商名供应商名">
                                                供应商名供应商名供应商名

                                            </td>
                                            <td>0</td>
                                            <td>2019-03-25</td>
                                            <td>0</td>
                                            <td>0</td>
                                        </tr>
                                        <tr>
                                            <td>13</td>
                                            <td class="eli" title="供应商名供应商名供应商名">
                                                供应商名供应商名供应商名

                                            </td>
                                            <td>13</td>
                                            <td>2019-03-25</td>
                                            <td>0</td>
                                            <td>0</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>

                            <div class="pager2" id="J_pager2" style="clear: both;">
                                <ul class="pager" style="float: left;">
                                    <li class="disabled"><a data-ac="first" data-page="1" href="#pager2-url-cache=1"
                                            title="转到第 1 页">首页</a></li>
                                    <li class="disabled"><a data-ac="prev" data-page="1" href="#pager2-url-cache=1"
                                            title="转到第 1 页">上页</a></li>
                                    <li class="active"><a data-ac="page" data-page="1" href="#pager2-url-cache=1"
                                            title="转到第 1 页">1</a></li>
                                    <li class=""><a data-ac="page" data-page="2" href="#pager2-url-cache=2"
                                            title="转到第 2 页">2</a></li>
                                    <li class=""><a data-ac="next" data-page="2" href="#pager2-url-cache=2"
                                            title="转到第 2 页">下页</a></li>
                                    <li class=""><a data-ac="last" data-page="2" href="#pager2-url-cache=2"
                                            title="转到第 2 页">尾页</a></li>
                                </ul>
                                <ul class="pager" style="float: right;">
                                    <li class="disabled"><span class="label label-default">19条 1/2页</span></li>
                                </ul>
                            </div>
                        </div>
                        <div class="yjcz-right">
                            <div class="a-tit">当前事项</div>
                            <div class="form-box">
                                <table>
                                    <tbody>
                                        <tr>


                                            <th>事项名称：</th>
                                            <td>
                                                <input class="form-control" />

                                            </td>


                                        </tr>
                                        <tr>


                                            <th>产生时间：</th>
                                            <td>
                                                <input class="form-control" />

                                            </td>


                                        </tr>

                                        <tr>


                                            <th>提醒规则：</th>
                                            <td>
                                                <textarea style="height: 175px;" class="form-control"></textarea>
                                            </td>


                                        </tr>



                                    </tbody>
                                </table>
                            </div>
                            <p class="a-sub-tit">
                                信源列表：
                            </p>
                            <div class="a-table-list">
                                <table>
                                    <colgroup>
                                        <col style="width:60px">
                                        <col>
                                        <col>
                                        <col>
                                        <col>



                                    </colgroup>
                                    <thead>
                                        <tr>
                                            <td>序号</td>
                                            <td>商品名称</td>
                                            <td>不良反应时间</td>
                                            <td>不良反应结果</td>
                                            <td>来源地区</td>

                                        </tr>

                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>1</td>
                                            <td class="eli" title="供应商名供应商名供应商名">
                                                供应商名供应商名供应商名

                                            </td>
                                            <td>0</td>
                                            <td>2019-03-25</td>

                                            <td>0</td>
                                        </tr>
                                        <tr>
                                            <td>1</td>
                                            <td class="eli" title="供应商名供应商名供应商名">
                                                供应商名供应商名供应商名

                                            </td>
                                            <td>0</td>
                                            <td>2019-03-25</td>

                                            <td>0</td>
                                        </tr>
                                        <tr>
                                            <td>1</td>
                                            <td class="eli" title="供应商名供应商名供应商名">
                                                供应商名供应商名供应商名

                                            </td>
                                            <td>0</td>
                                            <td>2019-03-25</td>

                                            <td>0</td>
                                        </tr>
                                        <tr>
                                            <td>1</td>
                                            <td class="eli" title="供应商名供应商名供应商名">
                                                供应商名供应商名供应商名

                                            </td>
                                            <td>0</td>
                                            <td>2019-03-25</td>
                                            <td>0</td>
                                        </tr>
                                        <tr>
                                            <td>13</td>
                                            <td class="eli" title="供应商名供应商名供应商名">
                                                供应商名供应商名供应商名

                                            </td>
                                            <td>13</td>
                                            <td>2019-03-25</td>

                                            <td>0</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <p class="a-sub-tit">
                                当前状态：
                            </p>
                            <div class="now-state">
                                <a href="javascript:;">处置</a>
                            </div>
                        </div>

                    </div>
                </div>
            </section>
        </div>
    </div>
    <script src="../src/js/jquery.3.3.1.js"></script>
    <script src="../src/js/modal.min.js"></script>
    <script src="../src/js/loading.js"></script>
    <script>
        $(function () {
            // 加载显示测试  不需要可删除
            function loading1() {
                $('body').loading({ //加载区域元素id或则类名元素名 可以上任何元素类名id
                    loadingWidth: 240,
                    title: '请稍等!',
                    name: 'test', //
                    discription: '正在努力加载中...',
                    direction: 'column',
                    type: 'origin',
                    // originBg:'#71EA71',
                    originDivWidth: 40,
                    originDivHeight: 40,
                    originWidth: 6,
                    originHeight: 6,
                    smallLoading: false,
                    // loadingMaskBg: 'rgba(0,0,0,0.2)',
                    titleColor: '#52fffd',
                    // loadingBg: '#312923',
                    loadingMaskBg: 'rgba(22,22,22,0.3)'
                });
                setTimeout(function () {
                    removeLoading('test');
                    // 关闭加载
                }, 500);
            }
            loading1()


        })
    </script>
</body>

</html>